.fl {
  float: left;
}
.fr {
  float: right;
}
body::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.main {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.main::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.header {
  overflow: hidden;
  border-bottom: 1px solid #efefef;
  padding: 20px .4rem;
}
.header .logo {
  width: 120px;
  height: 0.7rem;
  background: url("../image/_logo@2x.png") no-repeat;
  background-position: center center;
  background-size: contain;
}
.header .download p {
  width: 2rem;
  line-height: 0.7rem;
  font-size: 12px !important;
  text-align: center;
  color: white;
  background-color: #38a1f4;
  border-radius: 5px;
}
[data-dpr="2"] .header .download p {
  font-size: 24px !important;
}
[data-dpr="3"] .header .download p {
  font-size: 36px !important;
}
.message {
  background-color: #fff;
  padding: 0.25333333rem 0.4rem;
}
.message .user .userImg {
  height: 0.66666rem;
  width: 0.66666rem;
  background-image: url('../image/headerImg01.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.message .user .userImg img {
  width: 1.2rem;
}
.message .user .weui-flex__item {
  padding-left: 0.16rem;
  color: #7b7b7b;
}
.message .user .weui-flex__item {
  color: #333333;
}
.message .user .weui-flex__item .desc {
  font-size: 12px !important;
}
[data-dpr="2"] .message .user .weui-flex__item .desc {
  font-size: 24px !important;
}
[data-dpr="3"] .message .user .weui-flex__item .desc {
  font-size: 36px !important;
}
.message .user .weui-flex__item .desc .userName {
  line-height: 0.66666rem;
  font-weight: 700;
  font-size: 14px !important;
  display: inline-block;
  max-width: 33%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
[data-dpr="2"] .message .user .weui-flex__item .desc .userName {
  font-size: 28px !important;
}
[data-dpr="3"] .message .user .weui-flex__item .desc .userName {
  font-size: 42px !important;
}
.message .user .weui-flex__item .desc .time {
  line-height: 0.66666rem;
}
.message .user .weui-flex__item .desc i {
  font-size: 13px !important;
  color: #aeaeae;
}
[data-dpr="2"] .message .user .weui-flex__item .desc i {
  font-size: 26px !important;
}
[data-dpr="3"] .message .user .weui-flex__item .desc i {
  font-size: 39px !important;
}
.message .user .weui-flex__item .desc .address {
  display: inline-block;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
  margin-left: 10px;
}
.message .user .attention p {
  width: 2rem;
  height: 0.65rem;
  line-height: 0.65rem;
  font-size: 14px !important;
  color: #2597e0;
  border: 1px solid #2299dd;
  border-radius: 5px;
  text-align: center;
}
[data-dpr="2"] .message .user .attention p {
  font-size: 28px !important;
}
[data-dpr="3"] .message .user .attention p {
  font-size: 42px !important;
}
.message .messageContent {
  margin-top: .2rem;
}
.message .messageContent .text {
  color: #252525;
  font-size: 16px !important;
}
[data-dpr="2"] .message .messageContent .text {
  font-size: 32px !important;
}
[data-dpr="3"] .message .messageContent .text {
  font-size: 48px !important;
}
.message .messageContent .text p {
  word-wrap: break-word;
}
.message .messageContent .text .tip {
  color: #ff7427;
}
.message .messageContent .resource {
  margin-top: 0.1rem;
}
.message .messageContent .resource .other img {
  width: 100%;
}
.message .messageContent .resource .other .weui-flex .weui-flex__item:first-child {
  margin-left: 0 !important;
}
.message .messageContent .resource .second {
  margin-top: .1rem;
}
.message .messageContent .showAll {
  width: 100%;
  text-align: center;
  font-size: 16px !important;
  color: #1e9ada;
}
[data-dpr="2"] .message .messageContent .showAll {
  font-size: 32px !important;
}
[data-dpr="3"] .message .messageContent .showAll {
  font-size: 48px !important;
}
.message .comment {
  background-color: #fff;
}
.message .comment .commentHeader {
  height: 0.9333333rem;
  line-height: 0.9333333rem;
  font-size: 14px !important;
  color: #333;
  border-bottom: 2px solid #dddbdc;
}
[data-dpr="2"] .message .comment .commentHeader {
  font-size: 28px !important;
}
[data-dpr="3"] .message .comment .commentHeader {
  font-size: 42px !important;
}
.message .comment .commentHeader i {
  font-size: 16px !important;
}
[data-dpr="2"] .message .comment .commentHeader i {
  font-size: 32px !important;
}
[data-dpr="3"] .message .comment .commentHeader i {
  font-size: 48px !important;
}
.message .comment .commentHeader span {
  font-size: 12px !important;
}
[data-dpr="2"] .message .comment .commentHeader span {
  font-size: 24px !important;
}
[data-dpr="3"] .message .comment .commentHeader span {
  font-size: 36px !important;
}
.message .comment .commentBody {
  padding-bottom: 0.42666667rem;
  border-bottom: 1px solid #dcdcdc;
}
.message .comment .commentBody .commentEditor {
  padding-top: 0.29333333rem;
}
.message .comment .commentBody .commentEditor .headerImg {
  width: 0.88rem;
  height: 0.88rem;
  border-radius: 4px;
}
.message .comment .commentBody .commentEditor .headerImg img {
  width: 100%;
  height: 100%;
}
.message .comment .commentBody .commentEditor .weui-flex__item {
  color: #333;
  padding-left: .12rem;
}
.message .comment .commentBody .commentEditor .weui-flex__item p {
  font-size: 13px !important;
}
[data-dpr="2"] .message .comment .commentBody .commentEditor .weui-flex__item p {
  font-size: 26px !important;
}
[data-dpr="3"] .message .comment .commentBody .commentEditor .weui-flex__item p {
  font-size: 39px !important;
}
.message .comment .commentBody .commentEditor .weui-flex__item .time {
  font-size: 8px !important;
}
[data-dpr="2"] .message .comment .commentBody .commentEditor .weui-flex__item .time {
  font-size: 16px !important;
}
[data-dpr="3"] .message .comment .commentBody .commentEditor .weui-flex__item .time {
  font-size: 24px !important;
}
.message .comment .commentBody .commentEditor .likeInfo {
  width: 3rem;
  text-align: right;
}
.message .comment .commentBody .commentEditor .likeInfo span i {
  font-size: 16px !important;
}
[data-dpr="2"] .message .comment .commentBody .commentEditor .likeInfo span i {
  font-size: 32px !important;
}
[data-dpr="3"] .message .comment .commentBody .commentEditor .likeInfo span i {
  font-size: 48px !important;
}
.message .comment .commentBody .commentEditor .likeInfo span:first-child {
  vertical-align: middle;
  margin-right: 10px;
}
.message .comment .commentBody .commentEditor .likeInfo span:nth-child(2) {
  vertical-align: middle;
  margin-right: 10px;
}
.message .comment .commentBody .commentEditor .likeInfo span:last-child {
  vertical-align: text-top;
  display: inline-block;
  margin-top: 0px;
}
.message .comment .commentBody .commentContent {
  padding-left: 1rem;
}
.message .comment .commentBody .commentContent p {
  font-size: 12px !important;
}
[data-dpr="2"] .message .comment .commentBody .commentContent p {
  font-size: 24px !important;
}
[data-dpr="3"] .message .comment .commentBody .commentContent p {
  font-size: 36px !important;
}
.message .comment .commentBody .commentContent .commentImg {
  margin-top: 10px;
}
.message .comment .commentBody .commentContent .commentImg img {
  width: 6.12rem;
}
.message .comment .commentBody .commentContent .hidden {
  display: none;
}
.message .comment .commentBody .commentContent .reply {
  height: 115px;
  overflow: hidden;
  margin-top: .24rem;
  background-color: #eeeced;
  position: relative;
  padding: 0 .16rem;
}
.message .comment .commentBody .commentContent .reply:after {
  content: ' ';
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 14px solid #eeeced;
  position: absolute;
  left: 10px;
  top: -14px;
}
.message .comment .commentBody .commentContent .reply .subComment {
  display: none;
}
.message .comment .commentBody .commentContent .reply .subComment:first-child {
  display: block;
}
.message .comment .commentBody .commentContent .reply .title {
  color: #ff6500;
  line-height: 2;
}
.message .comment .commentBody .commentContent .reply .text {
  line-height: 1.5;
  font-size: 10px !important;
}
[data-dpr="2"] .message .comment .commentBody .commentContent .reply .text {
  font-size: 20px !important;
}
[data-dpr="3"] .message .comment .commentBody .commentContent .reply .text {
  font-size: 30px !important;
}
.message .comment .commentBody .commentContent .reply .commentCount {
  color: #fc7f3d;
  line-height: 2;
}
.message .NoComment {
  width: 50%;
  margin: 0 auto;
}
.message .NoComment img {
  width: 100%;
}
.message .NoCommetText {
  text-align: center;
  font-size: 14px !important;
}
[data-dpr="2"] .message .NoCommetText {
  font-size: 28px !important;
}
[data-dpr="3"] .message .NoCommetText {
  font-size: 42px !important;
}
.footer {
  padding: 0 .4rem .7rem;
}
.footer p {
  width: 100%;
  line-height: 0.9rem;
  background-color: #2299dd;
  text-align: center;
  color: white;
  border-radius: 5px;
  font-size: 14px !important;
}
[data-dpr="2"] .footer p {
  font-size: 28px !important;
}
[data-dpr="3"] .footer p {
  font-size: 42px !important;
}
.modal {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: black;
  z-index: 99;
}
.modal .content {
  width: 100%;
  height: 100%;
}
.modal .content .play {
  width: 2rem;
  height: 2rem;
  background: url("../image/play.png") no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 100;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.modal .close {
  position: absolute;
  z-index: 100;
  width: 0.7rem;
  height: 0.7rem;
  right: 0.1rem;
  color: white;
}
.modal .close i {
  font-size: 20px !important;
  vertical-align: top;
}
[data-dpr="2"] .modal .close i {
  font-size: 40px !important;
}
[data-dpr="3"] .modal .close i {
  font-size: 60px !important;
}
